<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<link rel="stylesheet" type="text/css" href="css/money/reset.css" />
<link rel="stylesheet" type="text/css" href="css/money/base.css" />
<link rel="stylesheet" type="text/css" href="css/money/payment.css" />

<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/money/chargeScript.js"></script>
</head>
<body>
<div id="charge">
	<h1>캐쉬 충전 하기</h1>
		<form name="frm0" action="chargego.do" method="post">
			<fieldset>
			<legend>캐쉬 충전</legend>
				<div id="creditcard">
					<h2><a href="#">신용카드</a></h2>
     				<ul id="creditcard_list">
						<li class="amount"><a href=>충전금액</a>
							<ul>
								<li class="amount_1">
									<input type="radio" id="card" name="card"/>
									<select id="paycard" name="paycard">
										<option value="5,000" selected="selected">5,000</option>
										<option value="10,000">10,000</option>
									</select> 원
								</li>
								<li class="amount_2"><input type="radio" id="paycard_2" name="paycard_2" value=""/>
								<input type="text" id="paycard_3" name="paycard_3" value="직접입력"/> 원</li>
							</ul>
						</li>
						<li class="pay_inform"><a href="#" class="pay_inform1">결제정보 입력</a>
							<p class="inform"><a href=""><img src="images/money/charge/pay_inform.jpg" alt="안내사항" /></a></p>
							<p class="txt">확인 버튼을 누르시면 신용카드 결제창이 나타납니다.</p>
						</li>
						<li class="agreement"><a href="#" class="agree_a">동의사항</a>
							<ul>
								<li><input type="checkbox" id="cardagree1" name="cardagree1"/>약관에 동의합니다.<span><a href="">[약관 상세보기]</a></span></li>
								<li><input type="checkbox" id="cardagree2" name="cardagree2"/>결제 대행사 결제정보 제공에 동의합니다.<span><a href="">[상세보기]</a></span></li>
							</ul>
						</li>
					</ul>
					<ul class="btn1">
						<li><a href=""><input type="submit" id="card_confirm" name="card_confirm" value="확인"/></a></li>
						<li><a href=""><input type="reset" id="card_reset" name="card_reset" value="취소"/></a></li>
					</ul>

					</div>
			</fieldset>
		</form>
		
		<form name="frm1" action="chargego.do" method="post">
			<fieldset>
			<legend>캐쉬 충전</legend>
				<div id="mobilephone">
					<h2><a href="">휴대폰</a></h2>
					<ul id="mobilephone_list">
						<li class="amount"><a href="#">충전금액</a>
							<ul>
								<li class="amount_1">
									<input type="radio" id="paymobile" name="paymobile" value="opt"/>
									<select id="mobileselect" name="mobileselect">
										<option value="1000000" selected="selected">1,000,000</option>
										<option value="5000000">5,000,000</option>
									</select> 원
								</li>
								<li class="amount_2">
									<input type="radio" id="paymobile1" name="paymobile" value="cus"/>
									<input type="text" id="pay_card_3" name="pay_card_3" value="직접입력"/> 원
								</li>
							</ul>
						</li>
						<li class="pay_inform"><a href="#" class="pay_inform1">결제정보 입력</a>
							<p class="inform"><a href=""><img src="images/money/charge/pay_inform.jpg" alt="안내사항" /></a></p>
							<p class="txt_a">결제하실 휴대폰 정보를 입력하시고 전송 받은 승인번호를 입력해 주세요.</p>
							<dl>
								<dt><label for ="mobilenum">휴대폰번호</label></dt>
								<dd><select id="mobilenum" name="mobilenum" title="">
	 									<option value="SKT">SKT</option>
										<option value="KT">KT</option>
										<option value="LG">LG U+</option>
									</select>
									<select id="mobilenum2" name="mobilenum2" title="">
										<option value="" selected="selected">010</option>
										<option value="011">011</option>
										<option value="016">016</option>
										<option value="018">018</option>
										<option value="019">019</option>
									</select> - 
									<input type="text" id="mobilenum3" name="mobilenum3"title="휴대폰번호 중간 자리"/> - <input type="text" id="mobilenum4" name="mobilenum4" title="휴대폰번호 뒷자리"/>
								</dd>
								<dt><label for="ssn1">주민등록번호</label></dt>
								<dd><input type="text" id="ssn1" name="ssn1" />
										 -
									<input type="password" id="ssn2" name="ssn2" title="주민등록번호 뒷자리" />
								</dd>
								<dt><label for="eMail">이메일</label></dt>
								<dd><input type="text" id="eMail" name="eMail" /> @<input type="text" id="eMail2" name="eMail2" /></dd>
								<dt><label for="confirm_num">승인번호</label></dt>
								<dd><input type="text" id="confirm_num" name="confirm_num" />
									<input type="button" id="confirm_btn" name="confirm_btn" value="승인번호 받기" />
								</dd>
							</dl>
							<p><input type="reset" id="in_reset" name="in_reset" value="결제정보 다시입력"/></p>
						</li>
						<li class="agreement"><a href="#" class="agree_a">동의사항</a>
							<ul>
								<li><input type="checkbox" id="mobileagree1" name="mobileagree1"/>약관에 동의합니다.<span><a href="">[약관 상세보기]</a></span></li>
								<li><input type="checkbox" id="mobileagree2" name="mobileagree2"/>결제 대행사 결제정보 제공에 동의합니다.<span><a href="">[상세보기]</a></span></li>
							</ul>
						</li>
					</ul>
					<ul class="btn2">
						<li><a href=""><input type="submit" id="cardconfirm" name="cardconfirm" value="확인"/></a></li>
						<li><a href=""><input type="reset" id="cardreset" name="cardreset" value="취소"/></a></li>
					</ul>
					</div>
			</fieldset>
		</form>
		
		<form name="frm2" action="chargego.do" method="post">
			<fieldset>
				<div id="banktransfer">
					<h2><a href="">실시간 계좌이체</a></h2>	
					<ul id="banktransfer_list">
						<li class="amount"><a href="#">충전금액</a>
							<ul>
								<li class="amount_1">
									<input type="radio" id="account" name="account"/>
									<select id="acc_select" name="acc_select">
										<option value="" selected="selected">5,000</option>
										<option value="">10,000</option>
									</select> 원
								</li>
								<li class="amount_2"><input type="radio" id="bank_2" name="bank_2" value=""/>
								<input type="text" id="bank_3" name="bank_3" value="직접입력"/> 원</li>
							</ul>
						</li>
						<li class="pay_inform"><a href="#" class="pay_inform1">결제정보 입력</a>
							<p class="inform"><a href=""><img src="images/money/charge/pay_inform.jpg" alt="안내사항" /></a></p>
							<p class="bank_txt">본인명의의 계좌로 결제가 가능합니다.<br />결제하실 계좌의 명의 확인을 위해 주민등록번호를 입력해 주세요.</p>
							<dl>
								<dt><label for="acc_ssn2">주민등록번호</label></dt>
								<dd><input type="text" id="acc_ssn2" name="acc_ssn2" value="계좌명의자"/>-
									<input type="text" id="acc_ssn3" name="acc_ssn2" title="주민등록번호 뒷자리" />
								</dd>
								<dt><label for="acc_eMail">이메일</label></dt>
								<dd><input type="text" id="acc_eMail" name="acc_eMail"/>@<input type="text" id="acc_eMail2" name="acc_eMail2" title="이메일 뒷자리"/>
								</dd>
							</dl>
						</li>
						<li class="agreement"><a href="#" class="agree_a">동의사항</a>
							<ul>
								<li><input type="checkbox" id="bankagree1" name="bankagree1"/>약관에 동의합니다.<span><a href="">[약관 상세보기]</a></span></li>
								<li><input type="checkbox" id="bankagree2" name="bankagree2"/>결제 대행사 결제정보 제공에 동의합니다.<span><a href="">[상세보기]</a></span></li>
							</ul>
						</li>
					</ul>
					<ul class="btn3">
						<li><a href=""><input type="submit" id="bankconfirm" name="bankconfirm" value="확인"/></a></li>
						<li><a href=""><input type="reset" id="bankreset" name="bankreset" value="취소"/></a></li>
					</ul>
					</div>
			</fieldset>
		</form>
			
		<form name="frm1" action="chargego.do" method="post">
			<fieldset>
				<div id="bankaccount">
					<h2><a href="">가상계좌</a></h2>
					<ul id="bankaccount_list">
						<li class="amount"><a href="#">충전금액</a>
							<ul>
								<li class="amount_1">
									<input type="radio" id="Iacc_mobile" name="Iacc_mobile"/>
									<select id="Iacc_select" name="Iacc_select">
										<option value="5,000" selected="selected">5,000</option>
										<option value="10,000">10,000</option>
									</select> 원
								</li>
								<li class="amount_2"><input type="radio" id="payacc_2" name="payacc_2" value=""/>
								<input type="text" id="payacc_3" name="payacc_3" value="직접입력"/> 원</li>
							</ul>
						</li>
						<li class="pay_inform"><a href="#" class="pay_inform1">결제정보 입력</a>
							<p class="inform"><a href=""><img src="images/money/charge/pay_inform.jpg" alt="안내사항" /></a></p>
							<p class="acc_txt">출력된 가상계좌번호로 결제 금액을 입금하시면 자동으로 충전됩니다.</p>
							<dl>
								<dt><label for="bank_select">입금은행</label></dt>
								<dd><select id="bank_select" name="bank_select">
									<option value="" selected="selected">국민은행</option>
									<option value="">농협</option>
									<option value="">외환은행</option>
									<option value="">신한은행</option>
									<option value="">우체국</option>
								</select>
								<input type="button" value="계좌받기" id="bankAcc" name="bankAcc"onclick="" />
								</dd>
								<dt><label for="bank_account">계좌번호</label></dt>
								<dd><input type="text" id="bank_account" name="banka_ccount"/></dd>
								<dt><label for="bankdate">입금만기일</label></dt>
								<dd><input type="text" id="bankdate" name="bankdate"/></dd>
							</dl>
						</li>
						<li class="agreement"><a href="#" class="agree_a">동의사항</a>
							<ul>
								<li><input type="checkbox" id="bAccagree1" name="bAccagree1"/>약관에 동의합니다.<span><a href="">[약관 상세보기]</a></span></li>
								<li><input type="checkbox" id="bAccagree2" name="bAccagree2"/>결제 대행사 결제정보 제공에 동의합니다.<span><a href="">[상세보기]</a></span></li>
							</ul>
						</li>
					</ul>
					<ul class="btn4">
						<li><a href=""><input type="submit" id="bAccconfirm" name="bAccconfirm" value="확인"/></a></li>
						<li><a href=""><input type="reset" id="bAccreset" name="bAccreset" value="취소"/></a></li>
					</ul>
					</div>
			</fieldset>
		</form>
	</div>	
</body>
</html>
